import { urls } from '@/shared/constants/urls';
import { Button, ButtonVariants } from '@/shared/ui/Button';
import { Title } from '@/shared/ui/Title';

import cs from './Description.module.scss';

export const Description = () => (
  <article className={cs.description}>
    <Title className={cs.title} tag="h1">
      О первом прикорме
    </Title>
    <span>
      <strong className={cs.strong}>
        Как вводить первый прикорм? Правила, советы, ошибки, мифы по введению прикорма.
      </strong>
      <p className={cs.text}>
        «Когда можно давать ребенку обычную еду? А какую можно и в каком объеме? А что потом?» — мучительные и тревожные
        вопросы для мам. Ведь страшно сделать что-то не так: нужно, чтобы и живот не болел, аппетит был хорошим, и чтобы
        бабушка была довольна. Мобильное приложение по прикорму{' '}
        <Button href={urls.storesDeeplink} link variant={ButtonVariants.Link}>
          «companyName — первый прикорм»{' '}
        </Button>{' '}
        отвечает на все самые сложные вопросы и борется с мифами, опираясь на доказательную науку и&nbsp;рекомендации
        специалистов.
      </p>
    </span>
  </article>
);
